<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>一隅立画</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<link rel="stylesheet" type="text/css" href="./css/personalcenter.css" />
		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="./css/sidebar.css" />
		<link rel="stylesheet" type="text/css" href="./css/basestyle.css" />
		<link rel="stylesheet" type="text/css" href="./layim/css/layui.css"/>
		<script src="js/head.js" type="text/javascript"></script>
		<script src="js/xshead.js" type="text/javascript"></script>
		<script src="js/base.js"></script>
	</head>
	<body>

		<!--  -->
		<div id="content">
			<div class="container">
				<div class="row">
					<div  ref="allpopup" style="display: none;">
						<div class="personcontent col-lg-3 col-md-3">
							<div class="personhead" v-show="token == ''">
								<div class="personheadimg">
									<img src="./images/per_icon.png">
									<div class="personheadbianji">
										<img src="./images/edit_icon.png">
									</div>
								</div>
								<div class="personheadinfo">
									<div class="personheadtxt">
										<p>admin</p>
									</div>
									<div class="personheaddata">
										<p></p>
									</div>
								</div>
							</div>
							<div class="personhead" v-show="token != ''">
								<div  class="personheadimg editavatar" v-show="showPage == 1">
									<img :src="touxiang">
									<input type="file" @change="upImage" />
								</div>
								<div  class="personheadtip" v-show="showPage == 1">
									<p>点击头像修改</p>
								</div>
								<div class="personheadimg" v-show="showPage == 0">
									<img v-show="personinfo.avatar == '' " :src="touxiang">
									<img v-show="personinfo.avatar != '' " :src="personinfo.avatar">
									<div class="personheadbianji" @click="editinfo">
										<img src="./images/edit_icon.png">
									</div>
								</div>
								<div class="personheadinfo" v-show="showPage == 0">
									<div class="personheadtxt">
										<p>{{personinfo.nickname}}</p>
									</div>
									<!-- <div class="personheaddata">
										<p>{{personinfo.createtime}}</p>
									</div> -->
								</div>
							</div>
							<div v-cloak v-show="languagestatus == 1" class="personinfolist">
								<div class="personinfoitem" @click="changpage(1)" :class="{'personinfoactive' :infonum==1}">
									<div class="personinfoitemimg" v-if="infonum == 1">
										<img src="./images/info_hover_1.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_1.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>个人信息</p>
									</div>
								</div>
								<div class="personinfoitem personinfoitemmsg" @click="changpage(2)" :class="{'personinfoactive' :infonum==2}">
									<div class="personinfoitemimg" v-if="infonum == 2">
										<img src="./images/info_hover_2.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_2.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>我的消息</p>
										<div class="msgnum" v-show="msgnum>0">
											<p>{{msgnum}}</p>
										</div>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(3)" :class="{'personinfoactive' :infonum==3}">
									<div class="personinfoitemimg" v-if="infonum == 3">
										<img src="./images/info_hover_3.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_3.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>我的钱包</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(4)" :class="{'personinfoactive' :infonum==4}">
									<div class="personinfoitemimg" v-if="infonum == 4">
										<img src="./images/info_hover_4.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_4.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>我的押金</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(5)" :class="{'personinfoactive' :infonum==5}">
									<div class="personinfoitemimg" v-if="infonum == 5">
										<img src="./images/info_hover_5.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_5.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>我的发布</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(6)" :class="{'personinfoactive' :infonum==6}">
									<div class="personinfoitemimg" v-if="infonum == 6">
										<img src="./images/info_hover_6.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_6.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>我的收藏</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(7)" :class="{'personinfoactive' :infonum==7}">
									<div class="personinfoitemimg" v-if="infonum == 7">
										<img src="./images/info_hover_7.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_7.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 1">
										<p>我的提交</p>
									</div>
								</div>
							</div>
							<div v-cloak v-show="languagestatus == 2" class="personinfolist">
								<div class="personinfoitem" @click="changpage(1)" :class="{'personinfoactive' :infonum==1}">
									<div class="personinfoitemimg" v-if="infonum == 1">
										<img src="./images/info_hover_1.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_1.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>personal information</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(2)" :class="{'personinfoactive' :infonum==2}">
									<div class="personinfoitemimg" v-if="infonum == 2">
										<img src="./images/info_hover_2.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_2.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>My news</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(3)" :class="{'personinfoactive' :infonum==3}">
									<div class="personinfoitemimg" v-if="infonum == 3">
										<img src="./images/info_hover_3.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_3.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>My wallet</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(4)" :class="{'personinfoactive' :infonum==4}">
									<div class="personinfoitemimg" v-if="infonum == 4">
										<img src="./images/info_hover_4.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_4.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>My deposit</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(5)" :class="{'personinfoactive' :infonum==5}">
									<div class="personinfoitemimg" v-if="infonum == 5">
										<img src="./images/info_hover_5.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_5.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>My release</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(6)" :class="{'personinfoactive' :infonum==6}">
									<div class="personinfoitemimg" v-if="infonum == 6">
										<img src="./images/info_hover_6.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_6.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>My collection</p>
									</div>
								</div>
								<div class="personinfoitem" @click="changpage(7)" :class="{'personinfoactive' :infonum==7}">
									<div class="personinfoitemimg" v-if="infonum == 7">
										<img src="./images/info_hover_7.png">
									</div>
									<div class="personinfoitemimg" v-else>
										<img src="./images/info_7.png">
									</div>
									<div class="personinfoitemtxt" v-show="languagestatus == 2">
										<p>My submission</p>
									</div>
								</div>
							</div>
						</div>
						<div class="personwarp col-lg-9 col-md-9">
							<div  class="infodetailone" v-show="infonum == 1">
								<div class="infodetailonetitlte">
									<p v-show="title == 1&&languagestatus == 1">编辑个人信息</p>
									<p v-show="title == 0&&languagestatus == 1">个人信息</p>
									<p v-show="title == 1&&languagestatus == 2">Edit personal information</p>
									<p v-show="title == 0&&languagestatus == 2">personal information</p>
								</div>
								<div class="infodetailoneNickname">
									<div class="infodetailoneNicknametitle">
										<p v-show="languagestatus == 1">用户昵称：</p>
										<p v-show="languagestatus == 2">User nickname：</p>
									</div>
									<div class="infodetailoneNicknamewarp" v-show="titlename == 0">
										<p>{{personinfo.nickname}}</p>
									</div>
									<div v-show="titlename == 1">
										<div class="infodetailoneNicknameipt">
											<input v-model="username" maxlength="20" type="text" />
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="infodetailoneNickname" v-show="title == 0">
									<div class="infodetailoneNicknametitle">
										<p v-show="languagestatus == 1">学校/企业：</p>
										<p v-show="languagestatus == 2">School / Enterprise：</p>
									</div>
									<div class="infodetailoneNicknamewarp" v-show="titlename == 0">
										<p >{{workattribute}}</p>
									</div>
									<div class="clear"></div>
								</div>
								<div  class="infodetailoneother" v-show="title == 1 &&languagestatus == 1">
									<div class="infodetailoneotherone">
										<input v-model="scl" type="text" placeholder="企业/学校" />
									</div>
									<div class="infodetailoneotherone">
										<input v-model="bepassword" type="password" placeholder="原密码" />
									</div>
									<div class="infodetailoneotherone">
										<input v-model="newpasswprd" type="password" placeholder="新密码" />
									</div>
									<div class="infodetailoneotherone">
										<input v-model="surepassword" type="password" placeholder="确定密码" />
									</div>
									<div v-show="type == 2" class="infodetailoneotherone" >
										<div v-html="errormsg"></div>
									</div>
									<div v-show="type == 1" class="infodetailoneotherone" >
										<p>两次密码输入不一样</p>
									</div>
									<div class="infodetailoneothebtn" @click="closeeditinfo">
										<p>确认</p>
									</div>
								</div>
								<div  class="infodetailoneother" v-show="title == 1 && languagestatus == 2">
									<div class="infodetailoneotherone">
										<input v-model="scl" type="text" placeholder="School / Enterprise" />
									</div>
									<div class="infodetailoneotherone">
										<input v-model="bepassword" type="password" placeholder="Original password" />
									</div>
									<div class="infodetailoneotherone">
										<input v-model="newpasswprd" type="password" placeholder="New password" />
									</div>
									<div class="infodetailoneotherone">
										<input v-model="surepassword" type="password" placeholder="Confirm password" />
									</div>
									<div v-show="type == 2" class="infodetailoneotherone" >
										<div v-html="errormsg"></div>
									</div>
									<div v-show="type == 1" class="infodetailoneotherone" >
										<p>The two passwords are not the same</p>
									</div>
									<div class="infodetailoneothebtn" @click="closeeditinfo">
										<p>confirm</p>
									</div>
								</div>
							</div>
							<div class="mymes" v-show="infonum == 2">
								<div class="mymesnav" v-show="minemes == 0">
									<div class="mymeshead">
										<div class="mymesheaditem" @click="mes = 1" :class="{'mymesheadshow' :mes == 1}">
											<p v-show="languagestatus == 1">全部消息 </p>
											<p v-show="languagestatus == 2">All news </p>
										</div>
										<div class="mymesheaditem" @click="mes = 2" :class="{'mymesheadshow' :mes == 2}">
											<p v-show="languagestatus == 1">系统消息</p>
											<p v-show="languagestatus == 2">System message</p>
										</div>
										<div class="mymesheaditem" @click="mes = 3" :class="{'mymesheadshow' :mes == 3}">
											<p v-show="languagestatus == 1">用户消息</p>
											<p v-show="languagestatus == 2">User message</p>
										</div>
										<div class="clear"></div>
									</div>
									<div class="mymesline"></div>
									<div class="mymesall" v-show="mes==1">
										<div class="mymesallsys" v-if="adminchat.length > 0" v-for="(admin,index1) in adminchat" :key="index1" @click="openmes(admin.id,admin.adminavatar,admin.read)">
											<div class="mymesallsysimg">
												<img :src="admin.adminavatar">
												<div v-show="admin.read == 0" class="readout"></div>
											</div>
											<div class="mymesallsysinfo">
												<div class="mymesallsysinfotime">
													<p v-show="languagestatus == 1">{{admin.adminname}}</p>
													<p v-show="languagestatus == 2">{{admin.adminEname}}</p>
													<span>{{admin.createtime}}</span>
												</div>
												<div class="mymesallsysinfodata">
													<div v-show="languagestatus == 1" v-html="admin.text" style="word-break: break-all;"></div>
													<div v-show="languagestatus == 2" v-html="admin.textE" style="word-break: break-all;"></div>
												</div>
											</div>
										</div>
										<div class="mymesallsys" v-show="usertxt.length != 0" v-for="(user,index2) in usertxt" :key="index2" @click="openchat(user.outuserid,user.nickname,user.read,user.sheji_competition_id)">
											<div class="mymesallsysimg">
												<img :src="user.avatar">
												<div v-show="user.read == 0" class="readout"></div>
											</div>
											<div class="mymesallsysinfo">
												<div class="mymesallsysinfotime">
													<p>{{user.nickname}}</p>
													<span>{{user.sendtime}}</span>
												</div>
												<div class="mymesallsysinfodata">
													<p>{{user.news}}</p>
												</div>
											</div>
										</div>
										<div class="empty" v-show="usertxt.length == 0&&adminchat.length == 0">
											<div class="emptyimg">
												<img src="./images/mes_icon2.png" >
											</div>
											<div class="emptytext">
												<p>暂无消息</p>
											</div>
										</div>
									</div>
									<div class="mymesall" v-show="mes == 2">
										<div class="mymesallsys" v-show="adminchat.length != 0" v-for="(admin,index3) in adminchat" :key="index3" @click="openmes(admin.id,admin.adminavatar,admin.read)">
											<div class="mymesallsysimg">
												<img :src="admin.adminavatar">
												<div v-show="admin.read == 0" class="readout"></div>
											</div>
											<div class="mymesallsysinfo">
												<div class="mymesallsysinfotime">
													<p v-show="languagestatus == 1">{{admin.adminname}}</p>
													<p v-show="languagestatus == 2">{{admin.adminEname}}</p>
													<span>{{admin.createtime}}</span>
												</div>
												<div class="mymesallsysinfodata">
													<div v-show="languagestatus == 1" v-html="admin.text" style="word-break: break-all;"></div>
													<div v-show="languagestatus == 2" v-html="admin.textE" style="word-break: break-all;"></div>
												</div>
											</div>
										</div>
										<div class="empty" v-show="adminchat.length == 0">
											<div class="emptyimg">
												<img src="./images/mes_icon2.png" >
											</div>
											<div class="emptytext">
												<p>暂无消息</p>
											</div>
										</div>
									</div>
									<div class="mymesall" v-show="mes == 3">
										<div class="mymesallsys" v-show="usertxt.length != 0" v-for="(user,index4) in usertxt" :key="index4" @click="openchat(user.outuserid,user.nickname,user.read,user.sheji_competition_id)">
											<div class="mymesallsysimg">
												<img :src="user.avatar">
												<div v-show="user.read == 0" class="readout"></div>
											</div>
											<div class="mymesallsysinfo">
												<div class="mymesallsysinfotime">
													<p>{{user.nickname}}</p>
													<span>{{user.sendtime}}</span>
												</div>
												<div class="mymesallsysinfodata">
													<p>{{user.news}}</p>
												</div>
											</div>
										</div>
										<div class="empty" v-show="usertxt.length == 0">
											<div class="emptyimg">
												<img src="./images/mes_icon2.png" >
											</div>
											<div class="emptytext">
												<p>暂无消息</p>
											</div>
										</div>
									</div>
								</div>
								<div class="mymeschat" v-show="minemes == 1">
									<div class="mymeschattitle">
										<div class="mymeschattitleback" @click="backsuperior">
											<img src="./images/backTo_icon.png">
										</div>
										<div class="mymeschattitlename">
											<p>{{nickName}}</p>
										</div>
									</div>
									<div class="mymeschatline"></div>
									<div class="mymeschatwarp" ref="scollevent" >
										<div v-for="(mes,indexsm) in meslist" :key="indexsm">
											<div class="mymeschatwarpmes" v-if="mes.outuserid != userid">
												<div class="mymeschatwarpmesavater">
													<img :src="mes.avatar" >
												</div>
												<div class="mymeschatwarpmesinfo">
													<p>{{mes.news}}</p>
												</div>
											</div>
											<div class="mymeschatwarpmessend" v-else>
												<div class="mymeschatwarpmesinfosend">
													<p>{{mes.news}}</p>
												</div>
												<div class="mymeschatwarpmesavatersend">
													<img :src="avatar" >
												</div>
											</div>
										</div>
									</div>
									<div class="mymeschatsend">
										<div class="mymeschatsendipt" v-show="languagestatus == 1">
											<input type="text" v-model="sendmes" placeholder="请输入..." @keyup.enter="sendmesbtn" />
										</div>
										<div class="mymeschatsendipt" v-show="languagestatus == 2">
											<input type="text" v-model="sendmes" placeholder="Please input..." @keyup.enter="sendmesbtn" />
										</div>
										<div class="mymeschatsendbtn" @click="sendmesbtn">
											<p v-show="languagestatus == 1">发送</p>
											<p v-show="languagestatus == 2">send out</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="mymeschat" v-show="minemes == 2">
									<div class="mymeschattitle"> 
										<div class="mymeschattitleback" @click="backsuperior">
											<img src="./images/backTo_icon.png">
										</div>
										<div class="mymeschattitlename">
											<p v-show="languagestatus == 1">{{officiallist.adminname}}</p>
											<p v-show="languagestatus == 2">{{officiallist.adminEname}}</p>
										</div>
									</div>
									<div class="mymeschatline"></div>
									<div class="mymesallsys officialmessage">
										<div class="mymesallsysimg">
											<img :src="officialicon">
										</div>
										<div class="mymesallsysinfo">
											<div class="mymesallsysinfotime">
												<span>{{officiallist.createtime}}</span>
											</div>
											<div class="mymesallsysinfodata">
												<div v-show="languagestatus == 1" v-html="officiallist.content" style="word-break: break-all;"></div>
												<div v-show="languagestatus == 2" v-html="officiallist.Econtent" style="word-break: break-all;"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="mywallet" v-show="infonum == 3">
								<div class="mywalletwarp" v-show="wallet == 0">
									<div class="mywalletwarpmoney">
										<img src="./images/money_bg.png">
										<div class="mywalletwarpmoneynav">
											<div class="mywalletwarpmoneynavtitle">
												<p v-show="languagestatus == 1">当前余额:</p>
												<p v-show="languagestatus == 2">Current balance:</p>
											</div>
											<div class="mywalletwarpmoneynavnum">
												<p>¥</p>
												<span>{{moneynum.money}}</span>
											</div>
											<div class="mywalletwarpmoneynavbtn" @click="openWithdrawal">
												<p v-show="languagestatus == 1">提现</p>
												<p v-show="languagestatus == 2">Withdrawal</p>
											</div>
										</div>
									</div>
									<div class="mywalletwarpdetailed">
										<div class="mywalletwarpdetailedtitle">
											<p v-show="languagestatus == 1">余额明细</p>
											<p v-show="languagestatus == 2">Balance details</p>
										</div>
										<div class="mywalletwarpdetailednum" v-for="(money ,index5) in moneylog" :key="index5">
											<div class="mywalletwarpdetaileditem">
												<div class="mywalletwarpdetailedtime">
													<p>{{money.updatetime}}</p>
												</div>
												<div class="mywalletwarpdetailedstatus">
													<p v-show="languagestatus == 1">{{money.change_reason}}</p>
													<p v-show="languagestatus == 2">{{money.change_reasonE}}</p>
												</div>
												<div class="mywalletwarpdetailedmo">
													<span>¥</span>
													<p>{{money.money_change}}</p>
												</div>
											</div>
										</div>
									</div>
									<div class="fenye" v-show="pagenum> 1">
										<ul>
											<li class="fenyeitem" @click="getcurwall(cur-1 == 0?1:cur-1)"><img src="./images/prve_icon.png"></li>
											<li v-for="item in pagenum" @click="getcurwall(item)" :class="{showeffect :item ==cur?true:false}">{{item}}</li>
											<li @click="getcurwall(cur+1>pagenum?pagenum:cur+1)"><img src="./images/next_icon.png"></li>
											<div class="clear"></div>
										</ul>
									</div>
								</div>
								<!-- 提现 -->
								<div class="mywalletcontent" v-show="wallet == 1">
									<div class="mywalletcontentmoney">
										<div class="backmymoney" @click="backWithdrawalchoice">
											<p v-show="languagestatus == 1">返回</p>
											<p v-show="languagestatus == 2">concle</p>
										</div>
										<div class="mywalletwarpmoneychoosernum">
											<div class="mywalletWithdrawaltitle">
												<p v-show="languagestatus == 1">提现金额：</p>
												<p v-show="languagestatus == 2">Withdrawal amount：</p>
											</div>
											<div class="mywalletWithdrawalipt">
												<input v-show="languagestatus == 1" v-model="moneyamount" min="0" type="number" placeholder="请输入..." />
												<input v-show="languagestatus == 2" v-model="moneyamount" min="0" type="number" placeholder="Please input..." />
											</div>
											<div class="mywalletWithdrawaltip">
												<p v-show="languagestatus == 1">（因人工审核，一般于7日内完成）</p>
												<p v-show="languagestatus == 2">（Due to manual audit, it is generally completed within 7 days）</p>
											</div>
										</div>
										<div class="mywalletwarpmoneychooser">
											<div class="mywalletwarpmoneychooseritem" @click="wechatWithdrawalchoice">
												<div class="mywalletwarpmoneychooserimg">
													<img v-show="Withdrawalchoice == 0" src="./images/money_icon.png" >
													<img v-show="Withdrawalchoice == 1" src="./images/money_icon_hover.png">
												</div>
												<div class="mywalletwarpmoneychoosertxt">
													<p v-show="languagestatus == 1">提现到微信</p>
													<p v-show="languagestatus == 2">Withdrawal to wechat</p>
												</div>
											</div>
											<div class="mywalletwarpmoneychooseritem" @click="alipayWithdrawalchoice">
												<div class="mywalletwarpmoneychooserimg">
													<img v-show="Withdrawalchoice == 1" src="./images/money_icon.png" >
													<img v-show="Withdrawalchoice == 0" src="./images/money_icon_hover.png">
												</div>

												<div class="mywalletwarpmoneychoosertxt">
													<p v-show="languagestatus == 1">提现到支付宝</p>
													<p v-show="languagestatus == 2">Cash to Alipay</p>
												</div>
											</div>
										</div>
										<div class="mywalletwarpmoneybtn" @click="comfireWithdrawalchoice">
											<p v-show="languagestatus == 1">确认</p>
											<p v-show="languagestatus == 2">confirm</p>
										</div>
									</div>
								</div>
							</div>
							<div class="deposit" v-show="infonum == 4">
								<div class="depositpay" v-show="depositstatus == 0 ||depositstatus == 2">
									<div class="depositpaynum">
										<div class="depositpaynumtxt">
											<p v-show="languagestatus == 1">押金：</p>
											<p v-show="languagestatus == 2">deposit：</p>
										</div>
										<div class="depositpaynummoney">
											<p>¥</p>
											<span>{{deposit}}</span>
										</div>
									</div>
									<div class="depositpaytitle">
										<p v-show="languagestatus == 1">扫码支付</p>
										<p v-show="languagestatus ==2">Payment by scanning code</p>
									</div>
									<div class="depositpaymode">
										<div class="depositpaymodeitem" @click="changpaystatus(1)" :class="{'depositpaymodeactive' :depositpay == 1}">
											<p v-show="languagestatus == 1">微信支付</p>
											<p v-show="languagestatus == 2">Wechat payment</p>
										</div>
										<div class="depositpaymodeitem" @click="changpaystatus(2)" :class="{'depositpaymodeactive' :depositpay == 2}">
											<p v-show="languagestatus == 1">支付宝支付</p>
											<p v-show="languagestatus == 2">Alipay payment</p>
										</div>
										<div class="clear"></div>
									</div>
									<div class="depositpaycode" v-show="depositpay == 1&& moveshow == 0">
										<img :src="wechatimg">
										<!-- <div class="depositpaycoderefresh">
											<p v-show="languagestatus == 1">刷新二维码</p>
											<p v-show="languagestatus == 2">Refresh QR code</p>
										</div> -->
									</div>
									<div class="depositpaybenefit">
										<div class="depositpaybenefittitle">
											<div class="depositpaybenefittitleimg">
												<img src="./images/vip_icon.png">
											</div>
											<div class="depositpaybenefittitletxt">
												<p v-show="languagestatus == 1">会员权益：</p>
												<p v-show="languagestatus == 2">Membership rights：</p>
											</div>
											<div class="clear"></div>
										</div>
										<div class="depositpaybenefitwarp">
											<p v-show="languagestatus == 1" v-html="vip"></p>
											<p v-show="languagestatus == 2" v-html="vipE"></p>
										</div>
									</div>
								</div>
								<div class="depositsend" v-show="depositstatus == 1">
									<div class="depositsendup">
										<div class="depositsenduptxt">
											<p v-show="languagestatus == 1">押金：</p>
											<p v-show="languagestatus == 2">deposit：</p>
										</div>
										<div class="depositsendupmoney">
											<p>¥</p>
											<span>{{deposit}}</span>
										</div>
										<div class="depositsendupbtn" @click="backmoney">
											<p v-show="languagestatus == 1">退回</p>
											<p v-show="languagestatus == 2">return</p>
										</div>
										<div class="clear"></div>
									</div>
									<div class="depositsenddown">
										<div class="depositsenddowntitle">
											<div class="depositsenddowntitleimg">
												<img src="./images/vip_icon.png">
											</div>
											<div class="depositsenddowntitletxt">
												<p v-show="languagestatus == 1" >会员权益</p>
												<p v-show="languagestatus == 2">Membership rights</p>
											</div>
											<div class="clear"></div>
										</div>
										<div class="depositsenddownwarp">
											<p v-show="languagestatus == 1" v-html="vip"></p>
											<p v-show="languagestatus == 2" v-html="vipE"></p>
										</div>
									</div>
								</div>
							</div>
							<div class="myrelease" v-show="infonum == 5">
								<div class="myreleaseup">
									<div class="myreleaseuptitle">
										<div class="myreleaseuptitlele">
											<p v-show="languagestatus == 1">我的发布</p>
											<p v-show="languagestatus == 2">My release</p>
										</div>
										<div class="myreleaseuptitleri" @click="persubmit">
											<p v-show="languagestatus == 1">我要发布</p>
											<p v-show="languagestatus == 2">I'm going to post it</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="myreleaseline"></div>
								<div class="myreleasedown">
									<div class="myreleasedownlist">
										<div class="myreleasedownitem col-lg-4 col-md-6 col-xs-6" v-for="(fabu,index6) in fabulist" :key="index6" @click="openstatus(index6,fabu.id,fabu.competitionstatus)">
											<div class="myreleasedownitemup">
												<div class="myreleasedownitemupimgstatus" v-show="fabu.edit == 1">
													<img v-show="fabu.competitionstatus == 2" src="./images/status_1.png">
													<img v-show="fabu.competitionstatus == 0" src="./images/status_2.png">
													<img v-show="fabu.remove == 1" src="./images/status_2.png">
													<img v-show="fabu.remove == 2" src="./images/status_2.png">
													<div class="myreleasedownitemupimgstatustxt">
														<p v-show="fabu.remove == 1">已撤销</p>
														<p v-show="fabu.remove == 2">已退款</p>
														<!-- <p v-show="fabu.competitionstatus == 0">审核中</p> -->
														<p v-show="fabu.competitionstatus == 2">未通过</p>
													</div>
												</div>
												<div class="myreleasedownitemupimg">
													<img :src="fabu.image">
												</div>
											</div>
											<div class="myreleasedownitemdown">
												<div class="myreleasedownitemdowntitle">
													<p>{{fabu.title}}</p>
												</div>
												<div class="myreleasedownitemdowndata">
													<div class="myreleasedownitemdowndatale">
														<p>截止时间:</p>
														<span>{{fabu.endtime}}</span>
													</div>
													<div class="myreleasedownitemdowndatari" v-show="fabu.reward_status == 1&&fabu.remove != 1">
														<img src="./images/jingsai_bg.png">
														<div class="myreleasedownitemdowndataritxt">
															<p v-show="fabu.trackstatus == 0">追踪审核</p>
															<p v-show="fabu.trackstatus == 1">已追踪</p>
														</div>
														<div v-show="fabu.reward_status == 1 && fabu.trackstatus == 3" class="myreleasedownitemdowndataritxt" @click.stop="opentrackpage(fabu.id,fabu.trackstatus)">
															<p>上传追踪</p>
														</div>
														<div v-show="fabu.reward_status == 1 && fabu.trackstatus == 2" class="myreleasedownitemdowndataritxt" @click.stop="opentrackpage(fabu.id,fabu.trackstatus)">
															<p>重新追踪</p>
														</div>
													</div>
													<div class="myreleasedownitemdowndatari" v-show="fabu.reward_status == 0 && fabu.sort == 1 &&fabu.remove !=1">
														<img src="./images/jingsai_bg.png">
														<div class="myreleasedownitemdowndataritxt">
															<p>待评奖</p>
														</div>
													</div>
													<div class="myreleasedownitemdowndatari" v-show="fabu.sort == 2&&fabu.edit != 0">
														<img src="./images/jingsai_bg.png">
														<div class="myreleasedownitemdowndataritxt">
															<p>进行中</p>
														</div>
													</div>
													<div class="myreleasedownitemdowndatari" v-show="fabu.edit == 0">
														<img src="./images/jingsai_bg.png">
														<div class="myreleasedownitemdowndataritxt" @click.stop="openfabupage(fabu.id)">
															<p>待编辑</p>
														</div>
													</div>
												</div>
												<div class="myreleasedownitemdownother">
													<div class="myreleasedownitemdownotherworker">
														<div class="myreleasedownitemdownotherworkerimg">
															<img :src="fabu.avatar">
														</div>
														<div class="myreleasedownitemdownotherworkername">
															<p>{{fabu.nickname}}</p>
														</div>
														<div class="clear"></div>
													</div>
													<div class="myreleasedownitemdownothermoney">
														<p>¥</p>
														<span>{{fabu.money}}</span>
													</div>
												</div>
											</div>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="fenye" v-show="itemlist> 1">
									<div class="empty" v-show="fabulist.length == 0">
										<img src="./images/empty.png" >
									</div>
									<ul>
										<li class="fenyeitem" @click="getcurfabu(nowpage-1 == 0?1:nowpage-1)"><img src="./images/prve_icon.png"></li>
										<li v-for="item in itemlist" @click="getcurfabu(item)" :class="{showeffect :item ==nowpage?true:false}">{{item}}</li>
										<li @click="getcurfabu(nowpage+1>itemlist?itemlist:nowpage+1)"><img src="./images/next_icon.png"></li>
										<div class="clear"></div>
									</ul>
								</div>
							</div>
							<div class="mycollection" v-show="infonum == 6">
								<div class="myreleaseup">
									<div class="myreleaseuptitle">
										<div class="myreleaseuptitlele">
											<p v-show="languagestatus == 1">我的收藏</p>
											<p v-show="languagestatus == 2">My collection</p>
										</div>
										<div class="clear"></div>
									</div>
									<div class="myreleaseupchoose">
										<div class="myreleaseupchooseitem" @click="changecollection(1)" :class="{'myreleaseupchooseshow':collectionchoose == 1}">
											<p v-show="languagestatus == 1">竞赛收藏</p>
											<p v-show="languagestatus == 2">Competition collection</p>
										</div>
										<div class="myreleaseupchooseitem" @click="changecollection(2)" :class="[collectionchoose == 2 ? 'myreleaseupchooseshow' : '']">
											<p v-show="languagestatus == 1">作品追踪收藏</p>
											<p v-show="languagestatus == 2">Works tracking collection</p>
										</div>
									</div>
								</div>
								<div class="myreleaseline mycollectionline"></div>
								<div class="myreleasedown" v-if="collectionchoose == 1">
									<div class="myreleasedownlist">
										<div class="myreleasedownitem col-lg-4 col-md-6 col-xs-6" v-for="(race , index7) in collectionrace" :key="index7" v-show="race.collstatus == 1" @click="opencollracedetail(index7,race.comid)">
											<div class="myreleasedownitemup mycollectionup">
												<div class="myreleasedownitemupimgstatus" >
													<img v-show="race.remove == 1" src="./images/status_2.png">
													<div class="myreleasedownitemupimgstatustxt">
														<p v-show="race.remove == 1">已撤销</p>
													</div>
												</div>
												<div class="myreleasedownitemupimg">
													<img :src="race.image">
												</div>
												<div class="mycollectionimg" >
													<img src="./images/yishoucang.png" @click.stop="myracecollectionbtn(index7,race.comid,race.collstatus)">
													<!-- <img src="./images/weishoucnag.png" > -->
												</div>
											</div>
											<div class="myreleasedownitemdown">
												<div class="myreleasedownitemdowntitle">
													<p>{{race.title}}</p>
												</div>
												<div class="myreleasedownitemdowndata">
													<div class="myreleasedownitemdowndatale">
														<p v-show="languagestatus == 1">截止时间:</p>
														<p v-show="languagestatus == 2">deadline:</p>
														<span>{{race.endtime}}</span>
													</div>
													<div class="myreleasedownitemdowndatari">
														<img v-show="race.remove != 1&&race.reward_status != 1" src="./images/jingsai_bg.png">
														<img v-show="race.remove != 1&&race.sort == 1&&race.reward_status == 1" src="./images/jingsai_bg_end.png">
														<div class="myreleasedownitemdowndataritxt">
															<p v-show="race.remove != 1&&race.sort == 2">进行中</p>
															<p v-show="race.remove != 1&&race.sort == 1&&race.reward_status == 1">已结束</p>
															<p v-show="race.remove != 1&&race.sort == 1&&race.reward_status == 0">待评奖</p>
														</div>
													</div>
												</div>
												<div class="myreleasedownitemdownother">
													<div class="myreleasedownitemdownotherworker">
														<div class="myreleasedownitemdownotherworkerimg">
															<img :src="race.avatar">
														</div>
														<div class="myreleasedownitemdownotherworkername">
															<p>{{race.designer}}</p>
														</div>
														<div class="clear"></div>
													</div>
													<div class="myreleasedownitemdownothermoney">
														<p>¥</p>
														<span>{{race.money}}</span>
													</div>
												</div>
											</div>
										</div>
										<div class="empty" v-show="collectionchoose == 1&&collectionrace.length < 1">
											<img src="./images/empty.png" >
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="myreleasedown" v-if="collectionchoose == 2">
									<div class="myreleasedownlist">
										<div class="myreleasedownitem col-lg-4 col-md-6 col-xs-6" v-for="(track , index8) in collectiontrack" :key="index8" v-show="track.collstatus == 1" @click="opencolltrackdetail(index8,track.trackid)">
											<div class="myreleasedownitemup mycollectionup">
												<div class="myreleasedownitemupimg">
													<img :src="track.image">
												</div>
												<div class="mycollectionimg" @click.stop="mytrackcollectionbtn(index8,track.trackid,track.collstatus)">
													<img src="./images/yishoucang.png">
												</div>
											</div>
											<div class="myreleasedownitemdown">
												<div class="myreleasedownitemdowntitle">
													<p>{{track.sheji_competition_title}}</p>
												</div>
												<div class="myreleasedownitemdownother">
													<div class="myreleasedownitemdownotherworker">
														<div class="myreleasedownitemdownotherworkerimg">
															<img :src="track.trackavatar">
														</div>
														<div class="myreleasedownitemdownotherworkername">
															<p>{{track.designer}}</p>
														</div>
														<div class="clear"></div>
													</div>
												</div>
											</div>
										</div>
										<div class="empty" v-show="collectionchoose == 2&&collectiontrack.length == 0">
											<img src="./images/empty.png" >
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="fenye" v-if="itemlist1 > 1 && collectionchoose == 1">
									<ul>
										<li class="fenyeitem" @click="getcurrace(nowpage1-1 == 0?1:nowpage1-1)"><img src="./images/prve_icon.png"></li>
										<li v-for="item in itemlist1" @click="getcurrace(item)" :class="{showeffect :item ==nowpage1?true:false}">{{item}}</li>
										<li @click="getcurrace(nowpage1+1>itemlist1?itemlist1:nowpage1+1)"><img src="./images/next_icon.png"></li>
										<div class="clear"></div>
									</ul>
								</div>
								<div class="fenye" v-show="itemlist3 > 1 && collectionchoose == 2">
									<ul>
										<li class="fenyeitem" @click="getcurcol(nowpage3-1 == 0?1:nowpage3-1)"><img src="./images/prve_icon.png"></li>
										<li v-for="item in itemlist3" @click="getcurcol(item)" :class="{showeffect :item ==nowpage3?true:false}">{{item}}</li>
										<li @click="getcurcol(nowpage3+1>itemlist3?itemlist3:nowpage3+1)"><img src="./images/next_icon.png"></li>
										<div class="clear"></div>
									</ul>
								</div>
							</div>
							<div class="mysubmission" v-show="infonum == 7">
								<div class="myreleaseup">
									<div class="myreleaseuptitle">
										<div class="myreleaseuptitlele">
											<p v-show="languagestatus == 1">我的提交</p>
											<p v-show="languagestatus == 2">My submission</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="myreleaseline"></div>
								<div class="myreleasedown">
									<div class="myreleasedownlist">
										<div class="myreleasedownitem col-lg-4 col-md-6 col-xs-6" v-for="(item ,index9) in submitlist" :key="index9" @click="openracedetail(index9,item.id)">
											<div class="myreleasedownitemup">
												<div class="myreleasedownitemupimgstatus">
													<img v-show="item.remove == 1" src="./images/status_2.png">
													<img v-show="item.remove !=1 && item.work_reward_status == 1" src="./images/status_2.png">
													<div class="myreleasedownitemupimgstatustxt">
														<p v-show="item.remove == 1">已撤销</p>
														<p v-show="item.remove !=1 && item.work_reward_status == 1">获奖</p>
													</div>
												</div>
												<div class="myreleasedownitemupimg">
													<img :src="item.image">
												</div>
											</div>
											<div class="myreleasedownitemdown">
												<div class="myreleasedownitemdowntitle">
													<p>{{item.title}}</p>
												</div>
												<div class="myreleasedownitemdowndata">
													<div class="myreleasedownitemdowndatale">
														<p v-show="languagestatus == 1">截止时间:</p>
														<p v-show="languagestatus == 2">deadline:</p>
														<span>{{item.endtime}}</span>
													</div>
													<div class="myreleasedownitemdowndatari">
														<img v-show="item.remove != 1&&item.reward_status != 1" src="./images/jingsai_bg.png">
														<img v-show="item.remove != 1&&item.sort == 1&&item.reward_status == 1" src="./images/jingsai_bg_end.png">
														<div class="myreleasedownitemdowndataritxt">
															<p v-show="item.remove != 1&&item.sort == 2">进行中</p>
															<p v-show="item.remove != 1&&item.sort == 1&&item.reward_status == 1">已结束</p>
															<p v-show="item.remove != 1&&item.sort == 1&&item.reward_status == 0">待评奖</p>
														</div>
													</div>
												</div>
												<div class="myreleasedownitemdownother">
													<div class="myreleasedownitemdownotherworker">
														<div class="myreleasedownitemdownotherworkerimg">
															<img :src="item.avatar">
														</div>
														<div class="myreleasedownitemdownotherworkername">
															<p>{{item.username}}</p>
														</div>
														<div class="clear"></div>
													</div>
													<div class="myreleasedownitemdownothermoney">
														<p>¥</p>
														<span>{{item.money}}</span>
													</div>
												</div>
											</div>
										</div>
										<div class="empty" v-show="submitlist.length == 0">
											<img src="./images/empty.png" >
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="fenye" v-show="itemlist2>1">
									<ul>
										<li class="fenyeitem" @click="getcurtijiao(nowpage2-1 == 0?1:nowpage2-1)"><img src="./images/prve_icon.png"></li>
										<li v-for="item in itemlist2" @click="getcurtijiao(item)" :class="{showeffect :item ==nowpage2?true:false}">{{item}}</li>
										<li @click="getcurtijiao(nowpage2+1>itemlist2?itemlist2:nowpage2+1)"><img src="./images/next_icon.png"></li>
										<div class="clear"></div>
									</ul>
								</div>
							</div>
							<div>
								<!-- 作品追踪弹窗 -->
								<div class="myreleasepopup" v-show="tranckpage == 1">
									<div class="myreleasepopupnav">
										<div class="myreleasepopupcontent">
											<div class="myreleasepopupcontentup">
												<img src="./images/revoke_logo.png">
												<div class="myreleasepopupcontentupclose" @click="closestackpage">
													<img src="./images/close_icon.png">
												</div>
											</div>
											<div class="myreleasepopupcontentdown">
												<div class="myreleasepopupcontentdowntitle">
													<p v-show="languagestatus == 1">感谢您上传作品后续，为设计者提供鼓励和思考，平台通过后将返还1%发布金至您的钱包</p>
													<p v-show="languagestatus == 2">
	Thank you for your follow-up work upload to provide encouragement and thinking for designers. 1% of the release money will be returned to your wallet after the platform is passed</p>
												</div>
												<div class="myreleasepopupcontentdownwarp">
													<div class="myreleasepopupcontentdownwarpitem">
														<div class="myreleasepopupcontentdownwarpitemtitle">
															<p v-show="languagestatus == 1">作品说明</p>
															<p v-show="languagestatus == 2">Description of the work</p>
														</div>
														<div class="myreleasepopupcontentdownwarpitemtxt">
															<textarea v-model="miaoshu" class="myreleaseexplain" rows="5" cols="100"></textarea>
														</div>
													</div>
													<div class="myreleasepopupcontentdownwarpitem">
														<div class="myreleasepopupcontentdownwarpitemtitle">
															<p v-show="languagestatus == 1">上传照片</p>
															<p v-show="languagestatus == 1" class="tip">（生产过程或成品）</p>
															<p v-show="languagestatus == 2">Upload photos</p>
															<p v-show="languagestatus == 2" class="tip">（Production process or finished product）</p>
														</div>
														<div class="myreleasepopupcontentdownwarpitemtxt alonename" v-for="(item,indexImg) in showImglist" :key="indexImg">
															<img :src="item">
															<div class="alonenametext" @click="delUpImg(indexImg)">
																<img src="./images/del_icon.png" alt="">
															</div>
														</div>
														<div class="myreleasepopupcontentdownwarpitemtxt alonename" v-show="showImglist.length<3">
															<img :src="upWorks">
															<input type="file" class="trackimg" @change="chooseimg"/>
														</div>
													</div>
													<div class="myreleaseagreement">
														<div class="myreleaseagreementchoose" @click="changboxstatus">
															<img v-show="trackcheck == 0" src="./images/checkbox_icon.png">
															<img v-show="trackcheck == 1" src="./images/checked_icon.png">
														</div>
														<div class="myreleaseagreementtxt" v-show="languagestatus == 1">
															<p>我已同意</p>
															<span @click="openuseragreement">《用户协议》</span>
														</div>
														<div class="myreleaseagreementtxt" v-show="languagestatus == 2">
															<p>I have agreed</p>
															<span>《User agreement》</span>
														</div>
													</div>
													<div class="myreleasebtn">
														<div class="myreleasebtnitem myreleasebtncom" @click="comfiretrack">
															<p v-show="languagestatus == 1">确认</p>
															<p v-show="languagestatus == 2">confirm</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- 又一个提示弹窗 -->
								<div class="myreleasepopup" v-show="logindefault == 1">
									<div class="myreleasepopupnav">
										<div class="myreleasepopupcontent">
											<div class="myreleasepopupcontentup">
												<img src="./images/revoke_logo.png">
											</div>
											<div class="myreleasepopupcontentdown">
												<div class="myreleasepopupcontentdowntitle" v-show="languagestatus == 1">
													<p v-show="judgestatus == 0">请勾选用户协议</p>
													<p v-show="judgestatus == 1">您还未登录，请先登陆再追踪吧！</p>
													<p v-show="judgestatus == 2">是否追踪</p>
													<p v-show="judgestatus == 3">正在追踪，请稍等</p>
													<p v-show="judgestatus == 4">追踪成功</p>
													<p v-show="judgestatus == 5">追踪失败。作品说明，和照片不能为空</p>
												</div>
												<div class="myreleasepopupcontentdowntitle" v-show="languagestatus == 2">
													<p v-show="judgestatus == 0">Please check the user agreement</p>
													<p v-show="judgestatus == 1">You haven't logged in yet, please log in first and then track!</p>
													<p v-show="judgestatus == 2">Tracking</p>
													<p v-show="judgestatus == 3">Tracking, please wait</p>
													<p v-show="judgestatus == 4">Tracking success</p>
													<p v-show="judgestatus == 5">Tracking failed. The description of the work and the photo cannot be empty</p>
												</div>
												<div class="myreleasepopupcontentdownwarp">
													<div class="myreleasebtn">
														<div v-show="judgestatus == 0 || judgestatus == 1 || judgestatus == 4 || judgestatus == 5" class="myreleasebtnitem myreleasebtncom"
														 @click="closestackpagenav">
															<p v-show="languagestatus == 1">确认</p>
															<p v-show="languagestatus == 2">confirm</p>
														</div>
														<!-- <div v-show="judgestatus == 2" class="myreleasebtnitem" @click="comfirestrack">
															<p v-show="languagestatus == 1">确认</p>
															<p v-show="languagestatus == 2">confirm</p>
														</div> -->
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- 又又一个提示弹窗 -->
								<div class="myreleasepopup" v-show="tanchuang2 == 1">
									<div class="myreleasepopupnav">
										<div class="myreleasepopupcontent">
											<div class="myreleasepopupcontentup">
												<img src="./images/revoke_logo.png">
											</div>
											<div class="myreleasepopupcontentdown">
												<div class="myreleasepopupcontentdowntitle" v-show="languagestatus == 1">
													<p v-show="upStatus == 0">正在上传修改</p>
													<p v-show="upStatus == 1">修改成功</p>
													<p v-show="upStatus == 2">退款成功</p>
													<p v-show="upStatus == 3">正在退款</p>
													<p v-show="upStatus == 4">正在提现</p>
													<p v-show="upStatus == 5">提现成功</p>
													<p v-show="upStatus == 7">退款失败，请联系官方工作人员</p>
													<p v-show="upStatus == 6" v-html="tixiantip"></p>
												</div>
												<div class="myreleasepopupcontentdowntitle" v-show="languagestatus == 2">
													<p v-show="upStatus == 0">Uploading changes</p>
													<p v-show="upStatus == 1">Modified successfully</p>
													<p v-show="upStatus == 2">Refund successful</p>
													<p v-show="upStatus == 3">Refund in progress</p>
													<p v-show="upStatus == 4">Withdrawal in progress</p>
													<p v-show="upStatus == 5">Successful withdrawal</p>
													<p v-show="upStatus == 7">Refund failed</p>
												</div>
												<div class="myreleasepopupcontentdownwarp">
													<div class="myreleasebtn">
														<div v-show="upOther" class="myreleasebtnpopup" @click="comfireUp">
															<p v-show="languagestatus == 1">确认</p>
															<p v-show="languagestatus == 2">confirm</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- 又又又一个提示弹窗 -->
								<div class="myreleasepopup" v-show="tanchuang3 == 1">
									<div class="myreleasepopupnav">
										<div class="myreleasepopupcontent">
											<div class="myreleasepopupcontentup">
												<img src="./images/revoke_logo.png">
											</div>
											<div class="myreleasepopupcontentdown">
												<div class="myreleasepopupcontentdowntitle" v-html="sendmsg"></div>
											</div>
										</div>
									</div>
								</div>
								<!-- 用户协议内容 -->
								<div class="myreleasepopup" v-show="useragreement == 1">
									<div class="myreleasepopupnav">
										<div class="useragreementtip">
											<div class="myreleasepopupcontentup">
												<img src="./images/revoke_logo.png">
											</div>
											<div class="myreleasepopupcontentdown">
												<div class="useragreementtipcontent" v-show="languagestatus == 1" v-html="usercontent"></div>
												<div class="useragreementtipcontent" v-show="languagestatus == 2" v-html="userEcontent"></div>
												<div class="myreleasepopupcontentdownwarp">
													<div class="myreleasebtn">
														<div class="myreleasebtnitem" @click="closeagree">
															<p v-show="languagestatus == 1">同意</p>
															<p v-show="languagestatus == 2">agree</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/pcFooter.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
		<script src="./layui/layui.all.js"></script>
		<script type="text/javascript">
			// 
			let content = new Vue({
				el: '#content',
				data: {
					avatar:'',
					nickname:'',
					pagecontent:false,
					showPage: 0,
					trackcheck: 0,
					trackcheckcondition: true,
					judgestatus: 0,
					chatlist: 0,
					title: 0,
					titlename: 0,
					collectionchoose: 1,
					wallet: 0,
					depositstatus: 0,
					depositpay: 1,
					minemes: 0,
					mes: 1,
					infonum:1,
					userid: '',
					token: '',
					username: '',
					personname: 'admin',
					persondata: '2020/10/20 12:00',
					personinfo: [],
					sessobj: '',
					workattribute: '',
					scl: '',
					bepassword: '',
					newpasswprd: '',
					surepassword: '',
					type: 0,
					adminchat: [],
					usertxt: [],
					moneynum: [],
					moneylog: [],
					depositlist: [],
					fabulist: [],
					collectionrace: [],
					collectiontrack: [],
					submitlist: [],
					tranckpage: 0,
					logindefault: 0,
					file: '',
					fileavater: '',
					upWorks: './images/upload_bg.png',
					touxiang: '',
					upimage: '',
					upimagelist:[],
					upAvater: '',
					miaoshu: '',
					raceid: '',
					tanchuang2: 0,
					tanchuang3: 0,
					upStatus: 0,
					upOther: false,
					itemlist: '',
					itemlist1: '',
					itemlist2: '',
					itemlist3: '',
					pagenum:'',
					nowpage: 1,
					nowpage1: 1,
					nowpage2: 1,
					nowpage3: 1,
					cur:1,
					outuserid:'',
					officialid:'',
					officialicon:'',
					nickName:'',
					meslist:'',
					sendmes:'',
					officiallist:'',
					winnerid:'',
					winnernickname:'',
					deposit:'',
					loginststus:0,
					wechatorder:'',
					wechatimg:'',
					paytype:'',
					alipayurl:'',
					wechatpatstatus:'',
					Withdrawalchoice:0,
					errormsg:'',
					languagestatus:'',
					moneyamount:'',
					amounttype:'',
					tixiantip:'',
					useragreement:0,
					usercontent:'',
					userEcontent:'',
					vip:'',
					vipE:'',
					sendmsg:'',
					moveshow:'',
					xsurl:'',
					trackstatus:'',
					msgnum:'',
					admintextid:'',
					// showImg:'',
					showImglist:[],
					chatraceid:'',
					countnum:0,
					paywechatnum:0,
					payalipaynum:0
				},
				created:function() {
					layui: true
					if(!sessionStorage.getItem('infonum')) {
						sessionStorage.setItem('infonum',1)
					}
				},
				mounted:function() {
					let that = this
					layui.use('layim',function(layim){
						layui.config
					})
					if (localStorage.getItem('logininfo')) {
						let obj = JSON.parse(localStorage.getItem('logininfo'));
						that.userid = obj.userid
						that.token = obj.token
					}
					if (localStorage.getItem('userinfo')) {
						let obj = JSON.parse(localStorage.getItem('userinfo'));
						that.avatar = obj.avatar
						that.nickname = obj.nickname
						console.log(obj)
					}
					if (sessionStorage.getItem('languagestatus')) {
						let languagestatus = sessionStorage.getItem('languagestatus')
						this.languagestatus = languagestatus
					}
					if (sessionStorage.getItem('infonum')) {
						let infonum = sessionStorage.getItem('infonum')
						this.infonum = infonum
						if(that.infonum ==1){
							that.getpersoninfo()  //个人信息
						}else if(that.infonum ==2 ){
							that.getchatrecord()  //我的消息
						}else if(that.infonum ==3 ){
							that.getwalletinfo()  //我的钱包
						}else if(that.infonum == 4){
							that.getdepositlist()  //我的押金
							that.getvipinfo()//会员权益
							// if(that.depositstatus != 1){
							// 	// that.paychoice()
							// 	console.log(111)
							// }
						}else if(that.infonum ==5 ){
							that.getfabulist()  //我的发布
						}else if(that.infonum ==6 ){
							that.getcollectionrace()  //我的收藏
						}else if(that.infonum ==7 ){
							that.getsubmitlist()  //我的提交
						}	
					}
					
					that.getpersoninfo()
					that.getvipinfo()//会员权益
					that.IsPC()//获取设备信息
					that.getchatrecord()  //我的消息
					
					
					// 解析页面传参
					var theRequest = new Object()
					var url = location.search
					if (url.indexOf("?") != -1) {
						var str = url.substr(1); //substr()方法返回从参数值开始到结束的字符串；  
						var strs = str.split("&");
						for (var i = 0; i < strs.length; i++) {
							theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
						}
						if(theRequest.type == 2){
							that.infonum = theRequest.choice
						}
						if(theRequest != ''&&!theRequest.Edit){
							that.outuserid = that.winnerid = theRequest.id
							that.nickName = that.winnernickname = decodeURI(theRequest.nickname)
							that.chatraceid = theRequest.raceid
							that.infonum = 2
							that.minemes = 1
							that.getmesinfo()
						}
						if(theRequest.Edit){
							that.infonum = 4
							// if(that.depositstatus != 1){
							// 	that.paychoice()
							// }
							that.getdepositlist()  //我的押金
							that.getvipinfo()//会员权益
						}
					}
					that.$refs.scollevent.addEventListener('scroll',this.scrool);
					that.$refs.allpopup.style.display = 'block'
				},
				methods: {
					// 时间
					add0(m) {
						return m < 10 ? '0' + m : m
					},
					getLocalTime(nS) {
						let time = new Date(parseInt(nS) * 1000);
						var y = time.getFullYear();
						var m = time.getMonth() + 1;
						var d = time.getDate();
						var h = time.getHours();
						var mm = time.getMinutes();
						var s = time.getSeconds();
						return y + '/' + this.add0(m) + '/' + this.add0(d) + ' ' + this.add0(h) + ':' + this.add0(mm);
					},
					// 判断设备信息
					IsPC:function() {
						let that = this
						var userAgentInfo = navigator.userAgent;
						var Agents = ["Android", "iPhone",
						"SymbianOS", "Windows Phone",
						"iPad", "iPod"];
						var flag = false;
						for (var v = 0; v < Agents.length; v++) {
							if (userAgentInfo.indexOf(Agents[v]) != -1) {
								flag = true;
							}
						}
						if (flag) {
							that.moveshow = 1
							console.log(that.moveshow,'这是真的吗')
						}else{
							that.moveshow = 0
							console.log(that.moveshow,'不会吧，真的没有执行吗')
						}
						return flag;
						
					},
					// 改变状态
					changpage:function(num){
						let that = this
						that.infonum = num
						if (sessionStorage.getItem('infonum')) {
							let infonum = sessionStorage.getItem('infonum')
							infonum = num
							sessionStorage.setItem('infonum',num)
						}
						if(that.infonum ==1){
							that.countnum = 0
							that.getpersoninfo()  //个人信息
						}else if(that.infonum ==2 ){
							that.countnum = 0
							that.getchatrecord()  //我的消息
						}else if(that.infonum ==3 ){
							that.countnum = 0
							that.getwalletinfo()  //我的钱包
						}else if(that.infonum == 4){
							that.countnum++
							if(that.countnum == 1){
								that.getdepositlist()  //我的押金
								that.getvipinfo()//会员权益
							}
							// if(that.depositstatus != 1){
							// 	that.paychoice()
							// 	// console.log(111,"点击生效")
							// }
						}else if(that.infonum ==5 ){
							that.countnum = 0
							that.getfabulist()  //我的发布
						}else if(that.infonum ==6 ){
							that.countnum = 0
							that.getcollectionrace()  //我的收藏
						}else if(that.infonum ==7 ){
							that.countnum = 0
							that.getsubmitlist()  //我的提交
						}	
					},
					// 检查登录状态
					getlogininfo:function(){
						let that = this
						let obj1 = JSON.parse(localStorage.getItem('logininfo'))
						// console.log(obj1,'我是token')
						that.token = obj1.token = ''
						that.userid = obj1.userid = ''
						obj1 = JSON.stringify(obj1)
						localStorage.setItem('logininfo', obj1)
						
						let obj = JSON.parse(localStorage.getItem('userinfo'))
						// console.log(obj1,'我是token')
						that.nickname = obj.nickname = ''
						that.avatar = obj.avatar = ''
						obj = JSON.stringify(obj)
						localStorage.setItem('userinfo', obj)
						window.location.href = 'index.html'
					},
					// 会员权益接口
					getvipinfo:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/vip',{
							params:{
								
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.vip = res.data.data.vip
								that.vipE = res.data.data.vipE
							}
						})
					},
					// 获取信息列表
					getpersoninfo: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/index', {
								params: {
									userid: that.userid,
									token: that.token
								}
							})
							.then((res) => {
								// console.log(res)
								if (res.data.code == 1) {
									that.personinfo = res.data.data
									that.workattribute = res.data.data.work
									that.touxiang = res.data.data.avatar
									res.data.data.createtime = that.getLocalTime(res.data.data.createtime)
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(that.workattribute)
							})
					},
					// 系统 用户消息
					getchatrecord: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/chat', {
								params: {
									userid: that.userid,
									token: that.token,
								}
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.adminchat = res.data.data.admin
									that.msgnum = res.data.data.num
									that.usertxt = res.data.data.usertext
									let list = res.data.data.admin
									list.forEach((item, index) => {
										item.createtime = that.getLocalTime(item.createtime)
									})
									let list1 = res.data.data.usertext
									list1.forEach((item, index) => {
										item.sendtime = that.getLocalTime(item.sendtime)
									})
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(res)
							})
					},
					// 用户消息记录
					getmesinfo:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/text',{
							params:{
								userid:that.userid,
								token:that.token,
								outuserid:that.outuserid,
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.meslist = res.data.data.usertext
								setTimeout(function(){
									that.$refs.scollevent.scrollTop = that.$refs.scollevent.scrollHeight
								},100)
							}
							if(res.data.code == 2){
								that.loginststus = 1
								that.getlogininfo()
							}
							// console.log(res)
						})
					},
					// 官方消息记录
					getmesofficial:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/admintext',{
							params:{
								userid:that.userid,
								token:that.token,
								id:that.officialid
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								
								that.officiallist = res.data.data
								that.officiallist.createtime = that.getLocalTime(res.data.data.createtime)
							}
							console.log(res)
							if(res.data.code == 2){
								that.loginststus = 1
								that.getlogininfo()
							}
						})
					},
					// 钱包
					getwalletinfo: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/wallet', {
								params: {
									userid: that.userid,
									token: that.token,
									page:that.cur
								}
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.moneynum = res.data.data.moneynum
									that.moneylog = res.data.data.moneylog
									that.pagenum = res.data.data.pagenum
									let list = res.data.data.moneylog
									list.forEach((item, index) => {
										item.updatetime = that.getLocalTime(item.updatetime)
									})
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(res)
							})
					},
					// 我的押金
					getdepositlist: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/deposit', {
								params: {
									userid: that.userid,
									token: that.token,
								}
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.deposit = res.data.data.depositnum
									that.depositstatus = res.data.data.deposit
									if(res.data.data.deposit != 1){
											that.paychoice()
											console.log(111,"我是押金请求")
									}
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(res)
							})
					},
					// 我的发布
					getfabulist: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/release', {
								params: {
									userid: that.userid,
									token: that.token,
									page: that.nowpage
								}
							})
							.then((res) => {
								// console.log(res)
								if (res.data.code == 1) {
									that.fabulist = res.data.data.userRelease
									that.itemlist = res.data.data.pagenum
									let list = res.data.data.userRelease
									list.forEach((item, index) => {
										item.endtime = that.getLocalTime(item.endtime)
									})
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
							})
					},
					// 我的收藏作品
					getcollectionwprk: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/trackcollection', {
								params: {
									userid: that.userid,
									token: that.token,
									page: that.nowpage1
								}
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.collectiontrack = res.data.data.track
									that.itemlist1 = res.data.data.pagenum
									let list = res.data.data.track
									list.forEach((item, index) => {
										item.endtime = that.getLocalTime(item.endtime)
									})
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(res)
							})
					},
					// 我的收藏竞赛
					getcollectionrace: function() {
						let that = this
						console.log('jfksdlfksdfj')
						axios.get('http://admin.yiyulihua.com/api/sheji.user/comcollection', {
								params: {
									userid: that.userid,
									token: that.token,
									page: that.collectionchoose == 1?that.nowpage1:that.nowpage3
								}
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.collectionrace = res.data.data.competition
									that.itemlist1 = res.data.data.pagenum
									let list = res.data.data.competition
									list.forEach((item, index) => {
										item.endtime = that.getLocalTime(item.endtime)
									})
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(res)
							})
					},
					// 用户协议
					getuseragree:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.index/agreement',{
							params:{
								
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.usercontent = res.data.data.usercontent
								that.userEcontent = res.data.data.userEcontent
							}
							console.log()
						})
						
					},
					// 我的提交
					getsubmitlist: function() {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/submit', {
								params: {
									userid: that.userid,
									token: that.token,
									page: that.nowpage2
								}
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.submitlist = res.data.data.submitnews
									that.itemlist2 = res.data.data.pagenum
									let list = res.data.data.submitnews
									list.forEach((item, index) => {
										item.endtime = that.getLocalTime(item.endtime)
									})
								}
								if(res.data.code == 2){
									that.loginststus = 1
									that.getlogininfo()
								}
								// console.log(res)
							})
					},
					// 关闭修改之后的弹窗
					editinfo: function() {
						this.title = 1
						this.titlename = 1
						this.infonum = 1
						this.showPage = 1
						this.username = this.personinfo.nickname
						this.scl = this.workattribute
					},
					// 确定修改信息
					closeeditinfo: function() {
						let that = this
						that.bepassword == that.newpasswprd
						if (that.surepassword !== that.newpasswprd) {
							that.type = 1
							setTimeout(function() {
								that.type = 0
							}, 1300)
						} else {
							axios.post('http://admin.yiyulihua.com/api/sheji.user/edit', {
								userid: that.userid,
								token: that.token,
								oldpassword: that.bepassword,
								newpassword: that.newpasswprd,
								newpassword1:that.surepassword,
								work: that.scl,
								nickname: that.username,
								avatar: that.upAvater,
								languagestatus: that.languagestatus,
							})
							.then((res) => {
								if (res.data.code == 1) {
									that.tanchuang2 = 1
									setTimeout(function() {
										that.upStatus = 1
										that.tanchuang2 = 1
										that.upOther = true
									}, 800)
									let obj = JSON.parse(localStorage.getItem('userinfo'))
									if(that.upAvater == ''){
										obj.avatar = obj.avatar
									}else{
										obj.avatar = that.touxiang
									}
									if(that.username == ''){
										obj.nickname = obj.nickname
									}else{
										obj.nickname = that.username
									}
									obj = JSON.stringify(obj)
									localStorage.setItem('userinfo',obj)
									
								}else if(res.data.code == 0){
									that.type = 2
									that.errormsg = res.data.msg
									setTimeout(function(){
										that.type = 0
										that.errormsg = ''
									},1300)
								}
								
							})
						}
					},
					// 关闭弹窗，拉去数据
					comfireUp: function() {
						let that = this
						if(that.upStatus == 1){
							that.title = 0;
							that.titlename = 0
							that.showPage = 0
							that.tanchuang2 = 0
							that.getpersoninfo()
							location.reload()
						}else if(that.upStatus == 2){
							that.tanchuang2 = 0
							that.getdepositlist()
						}else if(that.upStatus == 7){
							that.tanchuang2 = 0
						}
						
					},
					openWithdrawal: function() {
						let that = this
						that.wallet = 1
					},
					// 
					persubmit: function() {
						window.location.href = 'fabu.html'
					},
					// 打开我的提交竞赛详情
					openracedetail: function(index, id) {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.competition/details', {
							params: {
								userid: that.userid,
								token: that.token,
								id: id
							}
						})
						.then((res) => {
							window.location.href = 'jingsaidetail.html?id=' + that.submitlist[index].id
						})
					},
					// 取消我的竞赛收藏
					myracecollectionbtn: function(i, id, idstype) {
						let that = this
						let list = that.collectionrace
						if (idstype == 1) {
							idstype = 0
						} else if (idstype == 0) {
							idstype = 1
						}
						axios.get('http://admin.yiyulihua.com/api/sheji.competition/collection', {
								params: {
									userid: that.userid,
									token: that.token,
									type: idstype,
									id: id
								}
							})
							.then((res) => {
								// console.log(res)
								list.forEach((item, index) => {
									if (index == i && item.collstatus == 1) {
										item.collstatus = 0
									}
								})
								that.collectionrace = list
							})
					},
					// 取消我的作品追踪收藏
					mytrackcollectionbtn: function(i, id, idstype) {
						let that = this
						let list = that.collectiontrack
						if (idstype == 1) {
							idstype = 0
						} else if (idstype == 0) {
							idstype = 1
						}
						axios.get('http://admin.yiyulihua.com/api/sheji.track/collection', {
								params: {
									userid: that.userid,
									token: that.token,
									type: idstype,
									id: id
								}
							})
							.then((res) => {
								// console.log(res)
								list.forEach((item, index) => {
									if (index == i && item.collstatus == 1) {
										item.collstatus = 0
									}
								})
								that.collectiontrack = list
							})
					},
					// 打开竞赛详情
					opencollracedetail: function(index, id) {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.competition/competitionWorks', {
								params: {
									userid: that.userid,
									token: that.token,
									id: id,
									page: ''
								}
							})
							.then((res) => {
								window.location.href = 'jingsaidetail.html?id=' + that.collectionrace[index].comid
							})
					},
					// 打开作品追踪详情
					opencolltrackdetail: function(index, id) {
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.track/text', {
								params: {
									userid: that.userid,
									token: that.token,
									id: id
								}
							})
							.then((res) => {
								window.location.href = 'workstarckdetail.html?id=' + that.collectiontrack[index].trackid
							})
					},
					// 上传追踪弹窗
					opentrackpage: function(id,status) {
						this.tranckpage = 1
						this.raceid = id
						if(status == 3){
							this.trackstatus = 1
						}else if(status == 2){
							this.trackstatus = 2
						}
					},
					// 取消追踪
					closestackpage: function() {
						this.tranckpage = 0
					},
					
					closestackpagenav: function() {
						this.logindefault = 0
					},
					// 上传照片
					chooseimg: function(e) {
						var that = this;
						var file = e.target.files[0];
						var formData = new FormData();
						that.file = file;
						formData.append("file", file);

						// console.log(formData)
						console.log(file)
						// that.formData = formData
						if (file) {
							this.file = file;
							console.log(this.file);
							var reader = new FileReader();
							// var that = this;
							reader.readAsDataURL(file);
							reader.onload = function() {
								// 这里的this 指向reader
								// that.upWorks = this.result;
								that.fileStatus = false;
								// console.log(that.upWorks)
							};
						}
						axios.post('http://admin.yiyulihua.com/api/sheji.basics/upload', formData)
							.then((res) => {
								// console.log(res)
								that.upimage = res.data.data.url
								that.showImg = res.data.data.fullurl
								let list1 = that.showImglist  //页面显示图片列表
								list1.push(res.data.data.fullurl)
								that.showImglist = list1
								let list2 = that.upimagelist  //上传图片列表
								list2.push(res.data.data.url)
								that.upimagelist = list2
								console.log(that.showImglist)
								console.log(that.upimagelist)
							})
					},
					// 删除上传照片
					delUpImg:function(i){
						let list1 = this.showImglist  //页面显示图片列表
						list1.splice(i,1)
						this.showImglist = list1
						let list2 = this.upimagelist  //页面显示图片列表
						list2.splice(i,1)
						this.upimagelist = list2
						console.log(this.showImglist)
						console.log(this.upimagelist)
					},
					// 上传头像
					upImage: function(e) {
						var that = this;
						var file = e.target.files[0];
						var formData = new FormData();
						that.fileavater = file;
						formData.append("file", file);

						// console.log(formData)
						// console.log(file)
						// that.formData = formData
						if (file) {
							this.file = file;
							// console.log(this.file);
							var reader = new FileReader();
							// var that = this;
							reader.readAsDataURL(file);
							reader.onload = function() {
								// 这里的this 指向reader
								that.touxiang = this.result;
								that.fileStatus = false;
								// console.log(that.upWorks)
							};
						}
						axios.post('http://admin.yiyulihua.com/api/sheji.basics/upload', formData)
							.then((res) => {
								console.log(res)
								that.fullpAvater = res.data.data.fullurl
								that.upAvater = res.data.data.url
							})
					},
					// 用户协议
					changboxstatus: function() {
						if (this.trackcheckcondition) {
							this.trackcheck = 1
						} else {
							this.trackcheck = 0
						}
						this.trackcheckcondition = !this.trackcheckcondition
					},
					// 确定追踪
					comfiretrack: function() {
						let that = this
						if (that.trackcheck == 0) {
							this.judgestatus = 0
							this.logindefault = 1
						} else if (that.trackcheck == 1 && that.token == '') {
							this.judgestatus = 1
							this.logindefault = 1
						} else if (that.trackcheck == 1 && that.token != '') {
							this.requestTrack()
						}
					},
					// 确定上传追踪
					requestTrack: function() {
						let that = this
						let list = that.upimagelist.toString()
						axios.post('http://admin.yiyulihua.com/api/sheji.user/track', {
								userid: that.userid,
								token: that.token,
								competitionid: that.raceid,
								describe: that.miaoshu,
								img: list,
								type:that.trackstatus
							})
							.then((res) => {
								// console.log(res)
								that.miaoshu = ''
								that.tranckpage = 0
								if (res.data.code == 1) {
									that.judgestatus = 3
									that.logindefault = 1
									that.getfabulist()
									setTimeout(function() {
										that.judgestatus = 4
										that.logindefault = 1
									}, 800)
								} else if (res.data.code == 0) {
									that.judgestatus = 3
									that.logindefault = 1
									that.tranckpage = 0
									setTimeout(function() {
										that.judgestatus = 5
										that.logindefault = 1
									}, 800)
								}
							})
					},

					// 打开详情
					openstatus: function(index,id, status) {
						let that = this
						if(that.fabulist[index].edit != 0){
							if (status == 1) {
								window.location.href = 'jingsaidetail.html?id=' + id
							}else{
								window.location.href = 'examine.html?id=' + id
							}
						}
					},
					getcurwall:function(index){
						let that = this
						that.cur = index
						that.getwalletinfo()
					},
					// 发布分页
					getcurfabu: function(index) {
						let that = this
						that.nowpage = index
						that.getfabulist()
					},
					//竞赛分页
					getcurrace: function(index) {
						let that = this
						that.nowpage1 = index
						// console.log(that.nowpage1)
						// console.log(that.collectionchoose)
						that.getcollectionrace()
					},
					// 收藏分页
					getcurcol: function(index) {
						let that = this
						that.nowpage3 = index
						that.getcollectionrace()
					},
					// 提交分页
					getcurtijiao: function(index) {
						let that = this
						that.nowpage2 = index
						that.getsubmitlist()
					},
					// 官方消息接口
					getofficeReadmsg(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/readmessage',{
							params:{
								userid:that.userid,
								token:that.token,
								admintextid:that.admintextid,
							}
						})
						.then((res) =>{
							// if(res.data.code == 1){
							// 	// console.log(res)
								
							// }
						})
					},
					// 用户消息接口
					getuserReadmsg(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/readmessage',{
							params:{
								userid:that.userid,
								token:that.token,
								outuserid:that.outuserid,
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.chat
							}
						})
					},
					// 打开用户消息
					openchat: function(id,name,msg,raceid) {
						// this.$refs.scollevent.scrollTop = this.$refs.scollevent.scrollHeight
						this.minemes = 1
						this.nickName = name
						this.outuserid = id
						this.chatraceid = raceid
						console.log(raceid)
						this.getmesinfo()
						if(msg == 0){
							this.getuserReadmsg()
							this.getchatrecord()
						}
						// console.log(this.$refs.scollevent.scrollTop)
					},
					// 发送消息
					sendmesbtn:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/message',{
							params:{
								userid:that.userid,
								token:that.token,
								reuserid:that.outuserid,
								competitionid:that.chatraceid,
								news:that.sendmes,
								languagestatus:that.languagestatus,
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.sendmes = ''
								that.getmesinfo()
							}
							if(res.data.code == 0){
								that.tanchuang3 = 1
								that.sendmsg = res.data.msg
								setTimeout(function(){
									that.tanchuang3 = 0
								},2000)
							}
							// console.log(res)
						})
						
					},
					// 键盘发送
					sendmeskey:function(e){
						// console.log(e)
					},
					// 返回
					backsuperior:function(){
						this.minemes = 0
					},
					// 打开官方消息
					openmes:function(id,icon,msg,){
						this.minemes = 2
						this.officialid = id
						this.officialicon = icon
						this.getmesofficial()
						if(msg == 0){
							this.admintextid = id
							this.getofficeReadmsg()
							this.getchatrecord()
						}
					},
					// 返回发布页面，进行发布
					openfabupage:function(id){
						window.location.href = 'fabu.html?fabueditstatus='+1+'&id='+id
					},
					// 支付接口
					paychoice:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.pay/deposit',{
							params:{
								userid:that.userid,
								type:that.depositpay == 1? 'wechat':'alipay',
								pay_method:that.depositpay == 1? 'scan':'web'
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								if(that.depositpay == 1){
									that.wechatorder = res.data.data.order
									that.wechatimg = res.data.data.img
									that.paytype = res.data.data.type
									that.amount = res.data.data.amount
									let timer = setInterval(function(){
										that.checkpay()
										if(that.wechatpatstatus == 'SUCCESS' || that.infonum != 4){
											clearInterval(timer)
										}
									},2000)
								}
								if(that.depositpay == 2){
									that.alipayurl = res.data.data
									window.open(that.alipayurl)
								}
							}
							// console.log(res)
						})
					},
					// 移动端
					xspaychoice:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.pay/deposit',{
							params:{
								userid:that.userid,
								type:that.depositpay == 1? 'wechat':'alipay',
								pay_method:'wap'
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								if(that.depositpay == 1){
									that.xsurl = res.data.data
									window.open(that.xsurl)
									// let timer = setInterval(function(){
									// 	that.checkpay()
									// 	if(that.wechatpatstatus == 'SUCCESS' || that.infonum != 4){
									// 		clearInterval(timer)
									// 	}
									// },2000)
								}
							}
							// console.log(res)
						})
					},
					// 检测支付
					checkpay:function(){
						let that = this
						axios.post('http://admin.yiyulihua.com/api/sheji.pay/check',{
							type:that.paytype,
							orderid:that.wechatorder
						})
						.then((res)=>{
							if(res.data.code == 1){
								that.wechatpatstatus = res.data.data.status
								if(res.data.data.status == 'SUCCESS'){
									that.getdepositlist()
								}
							}
							// console.log(res)
						})
					},
					// 支付
					changpaystatus:function(num){
						let that = this
						if(that.moveshow == 1){
							that.depositpay = num
							that.xspaychoice()
						}else{
							that.depositpay = num
							if(that.depositpay == 1){
								that.paywechatnum++
								that.payalipaynum = 0
								if(that.paywechatnum == 1){
									that.paychoice()
								}
							}else if(that.depositpay == 2){
								that.paywechatnum = 0
								that.payalipaynum++
								if(that.payalipaynum == 1){
									that.paychoice()
								}
							}
						}
					},
					// 退款
					getrefuninfo:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.pay/depositRefund',{
							params:{
								userid:that.userid
							}
						})
						.then((res)=>{
							if(res.data.code == 1){
								that.upStatus = 3
								that.tanchuang2 = 1
								setTimeout(function(){
									that.upStatus = 2
									that.upOther = true
									that.tanchuang2 = 1
									location.reload()
								},800)
							}
							
						})
						.catch((err)=>{
							that.upStatus = 3
							that.tanchuang2 = 1
							setTimeout(function(){
								that.upStatus = 7
								that.upOther = true
								that.tanchuang2 = 1
							},800)
						})
					},
					// 退款
					backmoney:function(){
						this.getrefuninfo()
					},
					// 单选
					wechatWithdrawalchoice:function(){
						this.Withdrawalchoice = 0
					},
					alipayWithdrawalchoice:function(){
						this.Withdrawalchoice = 1
					},
					
					gettixianamount:function(){
						let that = this
						axios.get('http://admin.yiyulihua.com/api/sheji.user/Withdrawal',{
							params:{
								userid:that.userid,
								token:that.token,
								money:that.moneyamount,
								type:that.amounttype,
								languagestatus:that.languagestatus,
							}
						})
						.then((res) =>{
							if(res.data.code == 1){
								that.upStatus = 4
								that.tanchuang2 = 1
								setTimeout(function(){
									that.upStatus = 5
									that.tanchuang2 = 1
									location.reload()
								},1300)
							}else if(res.data.code == 0){
								that.upStatus = 6
								that.tanchuang2 = 1
								that.tixiantip = res.data.msg
								setTimeout(function(){
									that.tanchuang2 = 0
								},1300)
							}
							console.log(res)
						})
					},
					comfireWithdrawalchoice:function(){
						let that = this
						if(that.Withdrawalchoice == 0){
							that.amounttype = 0
						}else{
							that.amounttype = 1
						}
						that.gettixianamount()
					},
					backWithdrawalchoice:function(){
						this.wallet = 0
					},
					// 打开协议
					openuseragreement:function(){
						this.getuseragree()
						this.useragreement = 1
					},
					// 关闭协议
					closeagree:function(){
						this.useragreement = 0
					},
					// 改变收藏的状态
					changecollection(num){
						this.collectionchoose = num
						console.log(111)
						if(num == 1){
							this.getcollectionrace()  //我的竞赛收藏
						}else{
							this.getcollectionwprk()  //我的作品收藏
						}
					}
				}
			})
		</script>
	</body>
</html>
